import {PropsWithChildren} from "react";
import {StandardFooter} from "../standardFooter";
import {createNewClass} from "../utils";
import classNames from "classnames";
import LgButton, {LgButtonProps} from "../../button";
import "./index.scss"

export type SingleButtonFooterProps = PropsWithChildren<{
  className?: string
  buttonText: string
} & LgButtonProps>

const newClass = createNewClass("lg-single-button-footer-")

export const SingleButtonFooter = (props: SingleButtonFooterProps) => {
  return (
    <StandardFooter className={classNames(newClass("root"), props.className)}>
      <LgButton className={newClass("inner-button")}>
        {
          props.buttonText
        }
      </LgButton>
    </StandardFooter>
  )
}
